<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<ul>
			你喜欢的水果是：
			<label><input type="checkbox" name="cbx1" id="cbx1" />复选框1</label>
			<label><input type="checkbox" name="cbx2" id="cbx2" />复选框2</label>
			<label><input type="checkbox" name="cbx3" id="cbx3" />复选框3</label>
			<label><input type="checkbox" name="cbx4" id="cbx4" />复选框4</label>
			<label><input type="checkbox" name="cbx5" id="cbx5" />复选框5</label><br />
			你喜欢的城市是：
			<label><input type="checkbox" name="cbx6" id="cbx6" />复选框6</label>
			<label><input type="checkbox" name="cbx7" id="cbx7" />复选框7</label>
			<label><input type="checkbox" name="cbx8" id="cbx8" />复选框8</label>
			<label><input type="checkbox" name="cbx9" id="cbx9" />复选框9</label>
			<label><input type="checkbox" name="cbx10" id="cbx10" />复选框10</label><br />
			<button type="button" id="submit">提交</button>
		</ul>

		<script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				$("#submit").click(function(){
					var a = $("input[type=checkbox]:checked");
					console.log(a);
					$.each(a,function(index){
						console.log(a[index].nextSibling.data);
					})
				});
				// var b = 0;
				// var s;
				// $("#submit").click(function() {
				// 	$("input[type=checkbox]").each(function(index) {
				// 		// console.log(index);
				// 		 s = $($("[name =cbx"+index+"]")).prop("checked");
				// 		 if(s){
				// 			 // console.log(s);
				// 			 b++;
				// 			 console.log("下标为"+index);
				// 		 };
				// 	});
				// 		console.log("勾选的个数为："+b+"个");
				// });
			});
		</script>
	</body>
</html>
